<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta content="user-scalable=no,width=device-width, initial-scale=1" id="viewport" name="viewport" initial-scale="1">
<script language="javascript" type="text/javascript" src="../js/js/baseJs.js"></script>

</head>
<body>

<div class="more-project-list" id="moreProject" style="display: none; padding-top:0">
  <div class="pc-content-bd">
    <div class="header">
          <div class="l-c"><img src="/image/pc_logo.png"></div>
          <div class="r-c">          
                <a  href="/">首页</a>
                <a class="on" href="/publicBundle/getMoreProject.html">更多项目</a>
                <a href="javascript:;">成为VIP</a>
                <div class="clearfix"></div>
          </div>
    </div>
    <div class="banner-c"><img src="../image/laizhuaba_l.png"></div>
    <div class="l-project" v-for="project  in projectData">
      <a :href="getProjectUrl(project)"> 
        <div class="title">{{project.name}}</div>
        <div class="content">项目介绍：{{project.productIntroduce}}</div> 
        <div class="type">类型：<span>{{project.category|category}}</span></div> 
      </a> 
    </div>
    <div class="clearfix"></div> 
  </div>  
   <div class="bottom">
    <span>Copyright © 2018 来赚吧 laizhuanba.net 版权所有 浙ICP备18039172号</span> 
    <span>服务热线：400-878-0966 | 工作时间：周一至周五 9:00-17:00</span>
  </div>
</div>
<script src="../js/js/common.js"></script>
<script type="text/javascript">
  var url=window.location.hash;
  var id=url.split("#")[1];
  var moreProjectApp = new Vue({
      el: '#moreProject',
      data: {
          projectData:'',
      },
      ready:function(){
        $("#moreProject").show();
        var url="/project/getAllProjects";
        getData(url,function(res){
          if(res.state){
            console.log(res)
            this.projectData=res.data.projects;
            console.log(this.projectData)
          }else{
            alert(res.message)
          }
        }.bind(this))

      },
      filters:{
        category: function (key) {
            key = parseInt(key);
            var map = {
                1: "平台型",
                2: "合作型",      
            };
            return map[key];
        }
      },
      methods:{
        getProjectUrl:function(project){         
          var url="/publicBundle/getProject.html"+"#"+project.id;          
          return url;
        }
      }
    })
</script>

</body>
</html>